import RootStack from "@/navigation";
import { DarkTheme, NavigationContainer } from "@react-navigation/native";
import { StatusBar, Text, useColorScheme, View } from "react-native";
import { SafeAreaProvider } from "react-native-safe-area-context";


import "./global.css"

const SciFiTheme = {
  ...DarkTheme,
  colors: {
    ...DarkTheme.colors,
    primary: '#6A4CE6',
    background: '#121826',          // 主背景
    card: 'rgba(30,42,77,0.9)',    // 卡片背景
    border: 'rgba(46,134,222,0.3)', // 边框颜色
    text: '#00EDD4',                // 主文本
  },
};


const App = () => {

    const isDarkMode = useColorScheme() === 'dark';


  return (
    <SafeAreaProvider>
      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
      <NavigationContainer theme={SciFiTheme}>
        <RootStack />
      </NavigationContainer>
    </SafeAreaProvider>
  );
};


export default App;